<template>
  <div class="salesDetails">
    <a-row class="grid-demo" :gutter="24">
      <a-col :span="12">
        <div>
          <lookUpText title="订单信息" />
          <a-row class="rowdow" :gutter="24">
            <a-col :span="12">
              <a-form-item label="订单单别">
                <a-select v-model="coptcDom.tc001" :style="{ width: '100%' }" placeholder="请选择单别" allow-clear @change="noChangechsc">
                  <a-option v-for="(value, index) in purchaseDom" :key="index" :value="value.single"
                    >{{ value.singleName }}({{ value.single }})</a-option
                  >
                </a-select>
              </a-form-item>
            </a-col>
            <a-col :span="12">
              <div>
                <a-form-item label="订单单号">
                  <a-input v-model="coptcDom.tc002" readonly />
                </a-form-item>
              </div>
            </a-col>

            <a-col :span="12">
              <div>
                <a-form-item label="单据日期">
                  <a-date-picker v-model="coptcDom.tc039" :style="{ width: '100%' }" />
                </a-form-item>
              </div>
            </a-col>
            <a-col :span="12">
              <div>
                <a-form-item label="订单日期">
                  <a-date-picker v-model="coptcDom.tc003" :style="{ width: '100%' }" />
                </a-form-item>
              </div>
            </a-col>
            <a-col :span="12">
              <div>
                <a-form-item label="客户订单日期">
                  <a-date-picker v-model="coptcDom.TCI02" :style="{ width: '100%' }" />
                </a-form-item>
              </div>
            </a-col>
            <a-col :span="12">
              <a-form-item label="业务部门">
                <a-select v-model="coptcDom.tc005" :style="{ width: '100%' }" placeholder="请选择部门" allow-clear>
                  <a-option v-for="(value, index) in departmentList" :key="index" :value="value.departmentNumber" @change="salesmanChange"
                    >{{ value.departmentName }}({{ value.departmentNumber }})</a-option
                  >
                </a-select>
              </a-form-item>
            </a-col>
            <a-col :span="12">
              <a-form-item label="业务人员">
                <a-select v-model="coptcDom.tc006" :style="{ width: '100%' }" placeholder="请选择业务员" allow-clear>
                  <a-option v-for="(value, index) in salesmanList" :key="index" :value="value.mv001"
                    >{{ value.mv002 }}({{ value.mv001 }})</a-option
                  >
                </a-select>
              </a-form-item>
            </a-col>
            <!-- <a-col :span="12">
              <a-form-item label="出货工厂"> 浙江宏足 </a-form-item>
            </a-col> -->
            <a-col :span="24">
              <a-form-item label="付款条件">
                <a-select v-model="coptcDom.tc042" :style="{ width: '100%' }" placeholder="请选择付款条件" allow-clear allow-search>
                  <a-option v-for="(value, index) in paymentList" :key="index" :value="value.paymentTermCode">{{
                    value.paymentTermName
                  }}</a-option>
                </a-select>
              </a-form-item>
            </a-col>
            <a-col :span="24">
              <div>
                <a-form-item label="交易条件">
                  <a-input v-model="coptcDom.udf02" />
                </a-form-item>
              </div>
            </a-col>
          </a-row>
        </div>
      </a-col>
      <a-col :span="12">
        <div>
          <lookUpText title="客户信息" />
          <a-row class="rowdow" :gutter="24">
            <a-col :span="12">
              <a-form-item label="客户编号">
                <a-select v-model="coptcDom.tc004" :style="{ width: '100%' }" allow-search placeholder="请选择客户编号" allow-clear>
                  <template #label="{ data }">
                    {{ data.value }}
                  </template>
                  <a-option v-for="(value, index) in customerDom" :key="index" :value="value.ma001" @click="customerOption(value, 1)"
                    >{{ value.ma002 }}({{ value.ma001 }})</a-option
                  >
                </a-select>
              </a-form-item>
            </a-col>
            <a-col :span="12">
              <a-form-item label="客户名称">
                <!--                <a-select-->
                <!--                  v-model="ephemeralData.customerName"-->
                <!--                  :style="{ width: '100%' }"-->
                <!--                  allow-search-->
                <!--                  placeholder="请选择客户名称"-->
                <!--                  allow-clear-->
                <!--                >-->
                <!--                  <a-option v-for="(value, index) in customerDom" :key="index" :value="value.ma002" @click="customerOption(value)"-->
                <!--                    >{{ value.ma002 }}({{ value.ma001 }})</a-option-->
                <!--                  >-->
                <!--                </a-select>-->
                <a-input v-model="ephemeralData.customerName" readonly />
              </a-form-item>
            </a-col>
            <a-col :span="12">
              <a-form-item label="客户单号">
                <a-input v-model="coptcDom.tc012" />
              </a-form-item>
            </a-col>
            <a-col :span="24">
              <a-form-item label="客户合同交期">
                <a-date-picker v-model="coptcDom.TCI01" :style="{ width: '100%' }" />
              </a-form-item>
            </a-col>
            <a-col :span="24">
              <a-form-item label="送货地址">
                <a-select
                  v-model="coptcDom.tc010"
                  :style="{ width: '100%' }"
                  placeholder="请选择送货地址"
                  allow-clear
                  :allow-search="{ retainInputValue: true }"
                  allow-create
                >
                  <a-option v-for="(item, index) in customList" :key="index" :value="item">{{ item }}</a-option>
                </a-select>
              </a-form-item>
            </a-col>
            <a-col :span="12">
              <a-form-item label="收货客户编号">
                <a-select
                  v-model="coptcDom.udf06"
                  :style="{ width: '100%' }"
                  allow-search
                  placeholder="请选择客户编号"
                  allow-clear
                  allow-create
                >
                  <template #label="{ data }">
                    {{ data.value }}
                  </template>
                  <a-option v-for="(value, index) in customerDom" :key="index" :value="value.ma001" @click="customerOption(value, 2)"
                    >{{ value.ma002 }}({{ value.ma001 }})</a-option
                  >
                </a-select>
              </a-form-item>
            </a-col>
            <a-col :span="12">
              <a-form-item label="收货客户名称">
                <a-input v-model="coptcDom.udf03" />
              </a-form-item>
            </a-col>
            <a-col :span="12">
              <a-form-item label="收货客户联络人">
                <a-input v-model="coptcDom.udf04" placeholder="请输入收货客户联络人名字" />
              </a-form-item>
            </a-col>
            <a-col :span="12">
              <a-form-item label="供应链采购单号">
                <a-input v-model="coptcDom.udf01" />
              </a-form-item>
            </a-col>
            <a-col :span="24">
              <a-form-item label="收货客户地址">
                <a-select
                  v-model="coptcDom.udf05"
                  :style="{ width: '100%' }"
                  placeholder="请选择收货地址"
                  allow-clear
                  :allow-search="{ retainInputValue: true }"
                >
                  <a-option v-for="(item, index) in customList" :key="index" :value="item">{{ item }}</a-option>
                </a-select>
              </a-form-item>
            </a-col>
            <a-col :span="8">
              <a-form-item label="电话">
                <a-input v-model="coptcDom.tc074" />
              </a-form-item>
            </a-col>
            <a-col :span="8">
              <a-form-item label="传真">
                <a-input v-model="coptcDom.tc075" />
              </a-form-item>
            </a-col>
            <a-col :span="8">
              <a-form-item label="税号">
                <a-input v-model="coptcDom.tc073" />
              </a-form-item>
            </a-col>
            <a-col :span="24">
              <a-form-item label="备注">
                <a-textarea
                  v-model="coptcDom.tc015"
                  :auto-size="{
                    minRows: 3,
                    maxRows: 5,
                  }"
                />
              </a-form-item>
            </a-col>
          </a-row>
        </div>
      </a-col>
      <a-col :span="12">
        <div>
          <lookUpText title="财务信息" />
          <a-row class="rowdow" :gutter="24">
            <!-- <a-col :span="12">
              <a-form-item label="订金比率">
                <a-input-number v-model="coptcDom.tc045" :precision="4" min="0">
                  <template #append> % </template>
                </a-input-number>
              </a-form-item>
            </a-col> -->
            <a-col :span="12">
              <a-form-item label="交易币种">
                <a-select
                  v-model="coptcDom.tc008"
                  :style="{ width: '100%' }"
                  allow-search
                  placeholder="请选择币种"
                  allow-clear
                  @change="changeCurrency"
                >
                  <a-option v-for="(value, index) in currencyListOption()" :key="index" :value="value.value">{{ value.label }}</a-option>
                </a-select>
              </a-form-item>
            </a-col>

            <a-col :span="12">
              <a-form-item label="税种">
                <a-select
                  v-model="coptcDom.tc016"
                  :style="{ width: '100%' }"
                  allow-search
                  placeholder="请选择税种"
                  allow-clear
                  @change="singleRecalculation"
                >
                  <!--                  @change="init()"-->
                  <a-option v-for="(value, index) in categoriesTaxesList()" :key="index" :value="value.value">{{ value.label }}</a-option>
                </a-select>
              </a-form-item>
            </a-col>

            <a-col :span="12">
              <a-form-item label="汇率">
                <a-input v-model="coptcDom.tc009"> </a-input>
              </a-form-item>
            </a-col>
            <a-col :span="12">
              <a-form-item label="已开票金额">
                <a-input-number v-model="coptcDom.tc068" :precision="2" min="0"> </a-input-number>
              </a-form-item>
            </a-col>
            <a-col :span="12">
              <a-form-item label="已开票税额">
                <a-input-number v-model="coptcDom.tc069" :precision="2" min="0"> </a-input-number>
              </a-form-item>
            </a-col>
          </a-row>
        </div>
      </a-col>
      <a-col :span="12">
        <div>
          <lookUpText title="附件上传" />
          <uploadFile @filelist="filelist" />
        </div>
      </a-col>
    </a-row>

    <div class="salesDetails-boxm">
      <lookUpText title="商品信息"> </lookUpText>
      <div class="rowdow">
        <vxe-table
          border
          show-footer
          show-overflow
          size="mini"
          :row-config="{ isCurrent: true }"
          :column-config="{ isCurrent: true }"
          :edit-config="{ trigger: 'click', mode: 'cell' }"
          :data="coptdList"
          :menu-config="menuConfig"
          @menu-click="contextMenuClickEvent"
        >
          <!-- <vxe-column title="序号" field="no" width="60" align="center"></vxe-column> -->

          <vxe-column title="客户品号" field="td014" width="220" align="center" :edit-render="{}">
            <template #edit="{}">
              <a-button size="mini" type="primary" @click="modelOpen('客户品号查询')">查询</a-button>
            </template>
            <template #default="{ row }">{{ row.td014 }} </template>
          </vxe-column>
          <vxe-column title="客户品名" field="mg005" width="220" align="center">
            <template #default="{ row }">{{ row.mg005 }} </template>
          </vxe-column>
          <vxe-column title="客户规格" field="mg006" width="220" align="center">
            <template #default="{ row }">{{ row.mg006 }} </template>
          </vxe-column>
          <vxe-column title="品号" field="td004" width="220" align="center" :edit-render="{}">
            <template #edit="{}">
              <a-button size="mini" type="primary" @click="modelOpen('品号查询')">查询</a-button>
            </template>
            <template #default="{ row }">{{ row.td004 }} </template>
          </vxe-column>
          <!--          <vxe-column title="物料号" width="220" align="center">-->
          <!--            <template #default="{ row }">{{ row.udf01 }} </template>-->
          <!--          </vxe-column>-->
          <vxe-column title="品名" field="td004" width="220" align="center">
            <template #default="{ row }">{{ row.td005 }} </template>
          </vxe-column>
          <vxe-column title="规格" field="td004" width="220" align="center">
            <template #default="{ row }">{{ row.td006 }} </template>
          </vxe-column>
          <vxe-column title="仓库" field="td004" width="220" align="center">
            <template #default="{ row }">{{ row.td007 }} </template>
          </vxe-column>
          <vxe-column title="仓库名称" field="td004" width="220" align="center">
            <template #default="{ row }">{{ row.mc002 }} </template>
          </vxe-column>
          <vxe-column title="订单数量" field="td004" width="220" align="center" :edit-render="{}">
            <template #edit="{ rowIndex }">
              <vxe-input
                v-model="coptdList[rowIndex].td008"
                style="width: 100%"
                type="float"
                @change="dataComputationLoad(rowIndex)"
              ></vxe-input>
            </template>
            <template #default="{ row }">
              {{ row.td008 }}
            </template>
          </vxe-column>
          <vxe-column title="单价" field="td004" width="220" align="center" :edit-render="{}">
            <template #edit="{ rowIndex }">
              <vxe-input
                v-model="coptdList[rowIndex].td011"
                style="width: 100%"
                type="float"
                @change="dataComputationLoad(rowIndex)"
              ></vxe-input>
            </template>
            <template #default="{ row }">
              {{ row.td011 }}
            </template>
          </vxe-column>
          <vxe-column title="税率" field="td004" width="220" align="center" :edit-render="{}">
            <template #edit="{ rowIndex }">
              <vxe-input
                v-model="coptdList[rowIndex].td037"
                style="width: 100%"
                type="float"
                @change="dataComputationLoad(rowIndex)"
              ></vxe-input>
            </template>
            <template #default="{ row }"> {{ row.td037 }} % </template>
          </vxe-column>
          <!-- <vxe-column title="折扣率" field="td004" width="220" align="center" :edit-render="{}">
            <template #edit="{ rowIndex }">
              <vxe-input
                v-model="coptdList[rowIndex].td026"
                style="width: 100%"
                type="float"
                @change="dataComputationLoad(rowIndex)"
              ></vxe-input>
            </template>
            <template #default="{ row }"> {{ row.td026 }}% </template>
          </vxe-column> -->
          <vxe-column title="金额" field="td004" width="220" align="center" :edit-render="{}">
            <template #edit="{ rowIndex }">
              <vxe-input v-model="coptdList[rowIndex].td012" style="width: 100%" readonly type="float"></vxe-input>
            </template>
            <template #default="{ row }">
              {{ row.td012 }}
            </template>
          </vxe-column>
          <vxe-column title="税前金额" field="td004" width="220" align="center" :edit-render="{}">
            <template #edit="{ rowIndex }">
              <vxe-input v-model="coptdList[rowIndex].td038" style="width: 100%" readonly type="float"></vxe-input>
            </template>
            <template #default="{ row }">
              {{ row.td038 }}
            </template>
          </vxe-column>
          <vxe-column title="税额" field="td004" width="220" align="center" :edit-render="{}">
            <template #edit="{ rowIndex }">
              <vxe-input v-model="coptdList[rowIndex].td039" style="width: 100%" readonly type="float"></vxe-input>
            </template>
            <template #default="{ row }">
              {{ row.td039 }}
            </template>
          </vxe-column>
          <vxe-column title="单位" field="td004" width="220" align="center">
            <template #default="{ row }">{{ row.td010 }} </template>
          </vxe-column>
          <vxe-column title="预交货日" field="td013" width="220" align="center" :edit-render="{}">
            <template #edit="{ rowIndex }">
              <a-date-picker v-model="coptdList[rowIndex].td013" />
            </template>
            <template #default="{ row }">
              <a-date-picker v-model="row.td013" />
            </template>
          </vxe-column>
          <vxe-column title="生管确认日" field="udf03" width="220" align="center" :edit-render="{}">
            <template #edit="{ rowIndex }">
              <a-date-picker v-model="coptdList[rowIndex].udf03" />
            </template>
            <template #default="{ row }">
              <a-date-picker v-model="row.udf03" />
            </template>
          </vxe-column>
          <!-- <vxe-column title="已交数量" field="td004" width="220" align="center" :edit-render="{}">
            <template #edit="{ rowIndex }">
              <vxe-input v-model="coptdList[rowIndex].td009" style="width: 100%" type="float"></vxe-input>
            </template>
            <template #default="{ row }">
              {{ row.td009 }}
            </template>
          </vxe-column> -->
          <vxe-column title="赠品量" field="td004" width="220" align="center" :edit-render="{}">
            <template #edit="{ rowIndex }">
              <vxe-input v-model="coptdList[rowIndex].td024" style="width: 100%" type="float"></vxe-input>
            </template>
            <template #default="{ row }">
              {{ row.td024 }}
            </template>
          </vxe-column>
          <!-- <vxe-column title="赠品已交量" field="td004" width="220" align="center" :edit-render="{}">
            <template #edit="{ rowIndex }">
              <vxe-input v-model="coptdList[rowIndex].td025" style="width: 100%" type="float"></vxe-input>
            </template>
            <template #default="{ row }">
              {{ row.td025 }}
            </template>
          </vxe-column> -->
          <vxe-column title="借出未销数量" field="td004" width="220" align="center" :edit-render="{}">
            <template #edit="{ rowIndex }">
              <vxe-input v-model="coptdList[rowIndex].td058" style="width: 100%" type="float"></vxe-input>
            </template>
            <template #default="{ row }">
              {{ row.td058 }}
            </template>
          </vxe-column>

          <vxe-column title="订单包装数量" field="td004" width="220" align="center" :edit-render="{}">
            <template #edit="{ rowIndex }">
              <vxe-input v-model="coptdList[rowIndex].td032" style="width: 100%" type="float"></vxe-input>
            </template>
            <template #default="{ row }">
              {{ row.td032 }}
            </template>
          </vxe-column>
          <!-- <vxe-column title="已交包装数量" field="td004" width="220" align="center" :edit-render="{}">
            <template #edit="{ rowIndex }">
              <vxe-input v-model="coptdList[rowIndex].td033" style="width: 100%" type="float"></vxe-input>
            </template>
            <template #default="{ row }">
              {{ row.td033 }}
            </template>
          </vxe-column> -->
          <vxe-column title="赠品包装量" field="td004" width="220" align="center" :edit-render="{}">
            <template #edit="{ rowIndex }">
              <vxe-input v-model="coptdList[rowIndex].td034" style="width: 100%" type="float"></vxe-input>
            </template>
            <template #default="{ row }">
              {{ row.td034 }}
            </template>
          </vxe-column>
          <!-- <vxe-column title="赠品已交包装量" field="td004" width="220" align="center" :edit-render="{}">
            <template #edit="{ rowIndex }">
              <vxe-input v-model="coptdList[rowIndex].td035" style="width: 100%" type="float"></vxe-input>
            </template>
            <template #default="{ row }">
              {{ row.td035 }}
            </template>
          </vxe-column> -->
          <vxe-column title="借出未销包装量" field="td004" width="220" align="center" :edit-render="{}">
            <template #edit="{ rowIndex }">
              <vxe-input v-model="coptdList[rowIndex].td059" style="width: 100%" type="float"></vxe-input>
            </template>
            <template #default="{ row }">
              {{ row.td059 }}
            </template>
          </vxe-column>
          <vxe-column title="包装数量" field="td004" width="220" align="center" :edit-render="{}">
            <template #edit="{ rowIndex }">
              <vxe-input v-model="coptdList[rowIndex].tc046" style="width: 100%" type="float"></vxe-input>
            </template>
            <template #default="{ row }">
              {{ row.tc046 }}
            </template>
          </vxe-column>

          <!--          <vxe-column title="结束" width="220" align="center">-->
          <!--            <template #default="{ row }">{{ row.td016 }} </template>-->
          <!--          </vxe-column>-->
          <vxe-column title="前置单别" field="td017" width="220" align="center" :edit-render="{}">
            <template #edit="{ rowIndex }">
              <vxe-input v-model="coptdList[rowIndex].td017"></vxe-input>
            </template>
            <template #default="{ row }">
              {{ row.td017 }}
            </template>
          </vxe-column>
          <vxe-column title="前置单号" field="td018" width="220" align="center" :edit-render="{}">
            <template #edit="{ rowIndex }">
              <vxe-input v-model="coptdList[rowIndex].td018"></vxe-input>
            </template>
            <template #default="{ row }">
              {{ row.td018 }}
            </template>
          </vxe-column>
          <vxe-column title="前置序号" field="td019" width="220" align="center" :edit-render="{}">
            <template #edit="{ rowIndex }">
              <vxe-input v-model="coptdList[rowIndex].td019"></vxe-input>
            </template>
            <template #default="{ row }">
              {{ row.td019 }}
            </template>
          </vxe-column>
          <vxe-column title="备注" field="td020" width="220" align="center" :edit-render="{}">
            <template #edit="{ rowIndex }">
              <vxe-input v-model="coptdList[rowIndex].td020"></vxe-input>
            </template>
            <template #default="{ row }">
              {{ row.td020 }}
            </template>
          </vxe-column>
          <!--          <vxe-column title="零组件发货" width="220" align="center" :edit-render="{}">-->
          <!--            <template #edit="{ rowIndex }">-->
          <!--              <vxe-input v-model="coptdList[rowIndex].tdd01"></vxe-input>-->
          <!--            </template>-->
          <!--            <template #default="{ row }">-->
          <!--              {{ row.tdd01 }}-->
          <!--            </template>-->
          <!--          </vxe-column>-->
          <!--          <vxe-column title="零组件接收仓库" width="220" align="center" :edit-render="{}">-->
          <!--            <template #edit="{ rowIndex }">-->
          <!--              <vxe-input v-model="coptdList[rowIndex].tdd02"></vxe-input>-->
          <!--            </template>-->
          <!--            <template #default="{ row }">-->
          <!--              {{ row.tdd02 }}-->
          <!--            </template>-->
          <!--          </vxe-column>-->
          <!-- <vxe-column title="零组件接受名称" width="220" align="center">

          </vxe-column> -->
          <!-- <vxe-column title="零组件接受库位" width="220" align="center"></vxe-column> -->
          <vxe-column title="本币税前金额" field="tdi01" width="220" align="center">
            <!-- <template #edit="{ rowIndex }">
              <vxe-input v-model="coptdList[rowIndex].tdi01" style="width: 100%" type="float" min="0" digits="2"></vxe-input>
            </template> -->
            <template #default="{ row }">
              {{ row.tdi01 }}
            </template>
          </vxe-column>
          <vxe-column title="本币税额" field="tdi02" width="220" align="center">
            <!-- <template #edit="{ rowIndex }">
              <vxe-input v-model="coptdList[rowIndex].tdi02" style="width: 100%" type="float" min="0" digits="2"></vxe-input>
            </template> -->
            <template #default="{ row }">
              {{ row.tdi02 }}
            </template>
          </vxe-column>
          <vxe-column title="本币金额" field="tdi03" width="220" align="center">
            <!-- <template #edit="{ rowIndex }">
              <vxe-input v-model="coptdList[rowIndex].tdi03" style="width: 100%" type="float" min="0" digits="2"></vxe-input>
            </template> -->
            <template #default="{ row }">
              {{ row.tdi03 }}
            </template>
          </vxe-column>
          <!--          <vxe-column title="分期期别" width="220" align="center">-->
          <!--            <template #edit="{ rowIndex }">-->
          <!--              <vxe-input v-model="coptdList[rowIndex].tdo61" readonly></vxe-input>-->
          <!--            </template>-->
          <!--            <template #default="{ row }">-->
          <!--              {{ row.tdo61 }}-->
          <!--            </template>-->
          <!--          </vxe-column>-->
        </vxe-table>
      </div>
      <a-descriptions :data="orderInfo" bordered />

      <!-- <div class="salesDetails-annex">
        <lookUpText title="附件上传"> </lookUpText>
        <div class="salesDetails-annex-upload">
          <a-upload action="/" :auto-upload="false" />
        </div>
      </div> -->

      <a-button type="primary" @click="addOption">添加客户订单</a-button>
    </div>
  </div>
  <!--  品号弹窗-->
  <a-modal v-model:visible="visible" :width="modelWidth" @ok="handleOk" @cancel="handleCancel">
    <template #title> {{ title }}</template>
    <div>
      <ItemNumberSelection v-if="visible" />
    </div>
  </a-modal>

  <!--  客户品号弹窗-->
  <a-modal v-model:visible="customerModalVisible" width="800px" @ok="handleOkCustomerOk" @cancel="handleCustomerCancel">
    <template #title> {{ title }}</template>
    <div>
      <customer-modal v-if="customerModalVisible"></customer-modal>
    </div>
  </a-modal>
</template>

<script lang="ts">
import lookUpText from '@com/lookUpText/lookUpText.vue';
import importConfig from './salesDetails';
import { categoriesTaxesList, currencyListOption } from '@utils/base';
import { toRefs } from 'vue';
import ItemNumberSelection from './components/ItemNumberSelection/ItemNumberSelection.vue';
import customerModal from './components/customerModal/customerModal.vue';
import uploadFile from '@/components/uploadFile/uploadFile.vue';

export default {
  components: {
    lookUpText,
    ItemNumberSelection,
    customerModal,
    uploadFile,
  },
  setup() {
    const {
      init,
      base,
      noChangechsc,
      customerOption,
      salesmanChange,
      menuConfig,
      contextMenuClickEvent,
      modelOpen,
      handleOk,
      dataComputationLoad,
      addOption,
      changeCurrency,
      handleOkCustomerOk,
      handleCustomerCancel,
      singleRecalculation,
      filelist,
    } = importConfig();
    init();
    return {
      init,
      ...toRefs(base),
      noChangechsc,
      customerOption,
      salesmanChange,
      currencyListOption,
      categoriesTaxesList,
      menuConfig,
      contextMenuClickEvent,
      modelOpen,
      handleOk,
      dataComputationLoad,
      addOption,
      changeCurrency,
      handleOkCustomerOk,
      handleCustomerCancel,
      singleRecalculation,
      filelist,
    };
  },
};
</script>

<style lang="less" scoped>
.salesDetails {
  padding: 20px;
  background: white;
  .rowdow {
    padding: 10px;
  }

  &-annex {
    padding: 10px 0;

    &-upload {
      margin-top: 10px;
      //width: 50%;
      text-align: left;
    }
  }
}
</style>
